<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1">
    <meta content=always name=referrer>
    <link rel="stylesheet" type="text/css" href="__STATIC__/css-wap/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="__STATIC__/css-wap/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="__STATIC__/css-wap/style.css">
    <script src="__STATIC__/js-wap/jquery-1.11.3.min.js"></script>
    <script src="__STATIC__/js-wap/swiper.min.js"></script>
    <script src="__STATIC__/js-wap/common.js"></script>
    <title>拍卖专区</title>
    <script>
        $(function () {
            $(".list-lottery li").click(
                    function () {
                        $(this).addClass("active").siblings().removeClass("active");
                    }
            )
        })
    </script>
</head>
<body>
<div class="wrap">
    <div class="header-main">
        <a href="{:url('mobile/user_port/index')}"><img src="__STATIC__/img_user/back.png" class="back" ></a>
        <a href="{:url('mobile/auction/help')}" ><img src="__STATIC__/img-wap/icon29.png" class="help" style="left: 10%;"></a>
        <span class="title">推荐拍卖</span>
        <!--<a href="{:url('mobile/auction/order_list')}"><img src="__STATIC__/img-wap/icon30.png" class="menu"></a>-->
    </div>
    <ul class="list-lottery">
        <li class="text-center active"><a href="">推荐</a></li>
        <li class="text-center "><a href="{:url('mobile/auction/history')}">历史拍卖</a></li>
    </ul>
    <div class="lottery-main">
        {empty name="data"}
        <div class="main" style="margin: 0 auto;border: none;background: #F6F6F6;width: 100%;">
            <div class="pic" style="text-align: center;">
                目前暂无拍卖活动！！
            </div>
        </div>
        {/empty}
        {volist name="data" id="v"}
        <div class="main" style="padding-bottom: 3%;">
            <div class="pic">
                <a href="{:url('mobile/auction/index',['id'=>$v.id])}">
                    <img src="/{$v.picUrl}">
                    <!--__STATIC__/img-wap/pic25.png-->
                    <span>{$v.title}</span>
                </a>
            </div>
            <div class="state">
                <div>专场状态：<span>{if condition="$v.start_time gt time()"}未开始{else/}{if condition="$v.end_time gt time()"}进行中{else/}已结束{/if}{/if}</span></div>
                <div>结拍时间：今日{:date('H:i',$v.end_time)}</div>
            </div>
        </div>
        {/volist}
    </div>
    <div class="lottery-main">

        <div class="find-list">
            <ul>
                {volist name="goods" id="vo"}
                <li>
                    <a href="javascript:jump_spot({$vo.id});">
                        <div class="pic">
                            <img src="/{$vo.picUrl}" style="height:180px;" class="photo">
                            {if condition="$vo['end_time'] gt time()"}
                            <div class="num">{$vo.person}人参与</div>
                            {else/}
                            <div class="num">已结束</div>
                            {/if}
                        </div>
                        <span class="title">{:reStrLen($vo.title,10)}</span>
                        <span class="price">当前价格：&yen;{$vo.deal_price}</span>
                    </a>
                </li>
                {/volist}
            </ul>
        </div>
    </div>
</div>
</body>
<script>
    function jump_spot(id) {
        sessionStorage.setItem('spot_url_back',window.location.href);
        window.location.href = "{:url('mobile/auction/spot')}?id="+id;
    }

</script>
</html>